/* ::::: http://m.51xnb.cn/mall/lib/css/global.css ::::: */

* { padding: 0px; margin: 0px; }
html {  }
body { background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-family: "Microsoft YaHei" ! important; }
a { text-decoration: none; }
a { outline: medium none; }
a:focus, a.active { outline: medium none; }
img { border: medium none; }
i { font-style: normal; display: inline-block ! important; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
label, select, button, input[type="text"], input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; font-family: "Microsoft YaHei" ! important; }
button, input, select, textarea { margin: 0px; font-size: 100%; vertical-align: middle; }
textarea { overflow: auto; vertical-align: top; }
input { outline: medium none; margin: 0px; padding: 0px; }
input[type="text"] { box-sizing: content-box; }
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], input[type="number"], input[type="password"], input[type="tel"], textarea {  }
.floatLeft { float: left; }
.floatRight { float: right; }
.clearfix {  }
.clearfix::before, .clearfix::after { display: table; line-height: 0; content: ""; }
.clearfix::after { clear: both; }
.container { margin-right: auto; margin-left: auto; }
.container::before, .container::after { display: table; line-height: 0; content: ""; }
.container::after { clear: both; }
label { display: inline; }
.regular-checkbox { display: none; }
.regular-checkbox + label { border: 1px solid rgb(181, 181, 181); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px -15px 10px -12px rgba(0, 0, 0, 0.05) inset; padding: 9px; border-radius: 10px; display: inline-block; position: relative; }
.regular-checkbox + label:active, .regular-checkbox:checked + label:active { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 1px 3px rgba(0, 0, 0, 0.1) inset; }
.regular-checkbox:checked + label { background-color: rgb(220, 62, 53); border: 1px solid rgb(220, 62, 53); color: rgb(153, 161, 167); }
.regular-checkbox:checked + label::after { content: ""; background: transparent url('cright_btn.png') no-repeat scroll 0% 0% / cover ; display: inline-block; width: 13px; height: 13px; font-size: 14px; position: absolute; top: 3px; left: 3px; color: rgb(153, 161, 167); }
.selin::after { background: rgb(220, 62, 53) url('cright_btn.png') no-repeat scroll 0% 0% / cover ; color: rgb(153, 161, 167); content: ""; display: inline-block; font-size: 14px; height: 13px; left: 3px; position: absolute; top: 3px; width: 13px; }
.big-checkbox:checked + label::after { font-size: 28px; left: 6px; }
.regular-radio:checked + label::after { content: " "; width: 12px; height: 12px; border-radius: 50px; position: absolute; top: 3px; background: rgb(220, 62, 53) none repeat scroll 0% 0%; left: 3px; font-size: 32px; border-color: rgb(220, 62, 53); }
.big-radio:checked + label::after { width: 24px; height: 24px; left: 4px; top: 4px; }
@media only screen and (min-width: 980px) {
	body { width: 640px; margin: 0px auto; }
	.POSfixed, .selectC_box_detail, .selectC_box, .selectC_cate, .grayshade, .suspension, .selectC_cate_ulmore, .paybottom { width: 640px ! important; }
	.ui-dialog { width: 600px ! important; }
}
@media only screen and (min-width: 1080px) and (max-width: 1080px) {
	body { width: 100%; margin: 0px auto; }
	.POSfixed, .selectC_box_detail, .selectC_box, .selectC_cate, .grayshade, .suspension, .selectC_cate_ulmore, .paybottom { width: 100% ! important; }
	.ui-dialog { width: 100% ! important; }
}
/* ::::: http://m.51xnb.cn/mall/lib/css/style.css ::::: */

body { background-color: rgb(238, 238, 238); position: relative; }
.POSfixed { width: 100%; position: fixed; z-index: 999; top: 0px; }
.padtophasbtm { padding: 45px 0px 60px ! important; }
header { background: rgb(220, 62, 53) none repeat scroll 0% 0%; height: 45px; }
header .back { color: rgb(255, 255, 255) ! important; font-size: 16px; position: absolute; left: 10px; top: 0px; height: 45px; }
header .back a, header .goto a { display: block; padding: 12px 10px 8px; color: rgb(255, 255, 255) ! important; width: 40px; height: 45px; box-sizing: border-box; }
header .back a:visited, header .back a:hover, header .back a:active, header .goto a:visited, header .goto a:hover, header .goto a:active { color: rgb(255, 255, 255); }
header .back a:hover, header .back a:active, header .goto a:hover, header .goto a:active { color: rgb(255, 255, 255); }
header h1 { display: block; font-size: 18px; margin: 0px 20%; outline: 0px none ! important; overflow: hidden; text-align: center; height: 45px; line-height: 45px; text-overflow: ellipsis; white-space: nowrap; color: rgb(255, 255, 255); }
header .pointLeft, .pointLeft { width: 20px; height: 20px; display: inline-block; background: transparent url('uc_icon.png') no-repeat scroll -57px -190px / 300px 300px; }
header .pointRight, .pointRight { width: 20px; height: 20px; display: inline-block; background: transparent url('uc_icon.png') no-repeat scroll -76px -190px / 300px 300px; }
.downListCon ul::before { background: rgba(0, 0, 0, 0.85) none repeat scroll 0% 0%; content: ""; height: 10px; position: absolute; right: 15px; top: -5px; transform: rotate(135deg); width: 10px; }
.gridItem ul.grids li:nth-child(2n) .gridCon { margin: 10px 10px 0px 5px; overflow: hidden; }
.vip_box1_r li:nth-of-type(2n) div { border-right-color: rgb(255, 255, 255); }
.vip_box1_r li:nth-child(n+5) div { border-bottom: 0px none; }
.vip_box1_r li:nth-child(n+6) div { border-bottom: 0px none; }
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 640px) {
}
.navImg .navSlide .owl-wrapper::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; }
.owl-carousel .owl-wrapper::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; }
.contView .cfiList .other table tr td:nth-child(2) {  }
.suspension { background: rgb(65, 65, 65) none repeat scroll 0% 0%; border-top: 1px solid rgb(220, 220, 220); bottom: 0px; height: 45px; position: fixed; width: 100%; z-index: 999; font-size: 12px; }
.suspension span { color: rgb(255, 255, 255); margin-left: 10px; margin-top: 13px; display: inline-block; font-size: 13px; }
.suspension span.colr { color: rgb(220, 62, 53); margin-top: 0px; margin-left: 0px; font-size: 16px; }
.suspension a { font-size: 13px; color: rgb(255, 255, 255); float: left; text-align: center; width: 25%; padding: 5px 0px 4px; position: relative; }
.suspension a.acc_upload, .suspension button.acc_upload { background: rgb(224, 94, 80) none repeat scroll 0% 0%; color: rgb(255, 255, 255); display: block; float: right; padding: 15px 0px; width: 25%; text-align: center; font-size: 14px; border: medium none; font-family: "Microsoft YaHei"; }
.rows { margin-top: 10px; background-color: rgb(255, 255, 255); }
.rows .rowsCon { padding: 10px; color: rgb(89, 87, 87); }
.rows .rowsCon p { font-size: 12px; }
.rows h2.title { border-bottom: 1px solid rgb(217, 216, 214); font-weight: normal; font-size: 14px; padding: 10px; color: rgb(89, 87, 87); }
.rows h2.title span.red { color: rgb(220, 62, 53); }
.rows .rowsCon .reds { color: rgb(220, 62, 53); width: 100px; display: inline-block; text-align: right; }
.rows .rowsCon a { color: rgb(89, 87, 87); }
.rows .rowsCon a p { font-size: 14px; line-height: 20px; padding: 2px 0px; }
.rows .rowsCon a p span.name { font-size: 16px; margin-right: 10px; }
.rows .rowsCon a i.pRother { border-color: rgb(220, 62, 53); float: right; margin-top: 10px; }
.productItem { border-bottom: 1px solid rgb(220, 220, 220); height: 60px; padding: 10px; position: relative; background-color: rgb(255, 255, 255); }
.productItem a { color: rgb(51, 51, 51); }
.productItem .ppic { border: 1px solid rgb(220, 220, 220); float: left; height: 60px; width: 60px; }
.productItem .title { font-size: 0.75em; margin-left: 70px; position: relative; }
.productItem .title span.price { position: absolute; right: 0px; top: 0px; color: rgb(220, 62, 53); }
.productItem .title h3 { font-size: 12px; font-weight: normal; line-height: 20px; max-height: 40px; overflow: hidden; margin-right: 100px; margin-bottom: 5px; color: rgb(89, 87, 87); }
.juancon p { width: 208px; margin: 0px auto 5px; text-align: left; }
.juancon .iptext { border-radius: 5px; border: 1px solid rgb(204, 204, 204); font-size: 14px; width: 180px; padding: 8px 0px; }
.juancon p span.rightbtn { width: 20px; height: 20px; display: inline-block; background: transparent url('uc_icon.png') no-repeat scroll -60px -93px / 300px 300px; vertical-align: middle; }
.juancon .iptext[placeholder] { text-align: center; font-family: Microsoft Yahei; }
.juancon .ipbtn { border-radius: 5px; border: 1px solid rgb(204, 204, 204); font-size: 14px; width: 180px; padding: 8px 0px; display: inline-block; text-align: center; }
.producthm { background-color: rgb(255, 255, 255); padding: 10px; font-size: 12px; }
.producthm p { margin-bottom: 5px; }
.producthm .messages { background-color: rgb(245, 245, 245); color: rgb(51, 51, 51); padding: 10px; }
.producthm .messages textarea { width: 100%; background-color: rgb(245, 245, 245); color: rgb(51, 51, 51); font-family: "Microsoft Yahei"; border: medium none; resize: none; }
.useropt .frmlist li a::after { content: ""; width: 20px; height: 20px; display: inline-block; background: transparent url('uc_icon.png') no-repeat scroll -76px -168px / 300px 300px; position: absolute; right: 0px; top: 15px; }
.useropt .frmlist a.tiqu::after { background: transparent none repeat scroll 0% 0%; }
p.place::after { width: 20px; height: 25px; content: " "; background: transparent url('uc_icon.png') no-repeat scroll -77px -135px / 250px 250px; display: inline-block; position: absolute; right: 5px; top: 5px; }
.favolist dd::after { content: ""; width: 20px; height: 20px; display: inline-block; position: absolute; right: 20px; top: 50%; margin-top: -10px; background: transparent url('uc_icon.png') no-repeat scroll -76px -168px / 300px 300px; }
.categItem ul.grids li:nth-child(2n) .gridCon { margin: 10px 10px 0px 5px; overflow: hidden; }
.shtel::before { background: transparent url('400_tel.png') no-repeat scroll -26px -2px / 166px 20px; width: 19px; height: 16px; vertical-align: top; content: ""; display: inline-block; }
.paymethod .paymethodlists li .payc p::before { border-radius: 50%; width: 4px; height: 4px; background-color: rgb(119, 119, 119); display: inline-block; content: " "; margin: 0px 3px 2px 0px; }
.paymethod .stro p::before { border-radius: 50%; width: 6px; height: 6px; background-color: rgb(220, 62, 53); display: inline-block; content: " "; margin: 0px 2px 2px -8px; }
.wrapcon .form li span.centerright::after { position: absolute; right: 5px; top: 0px; content: ""; width: 8px; height: 8px; border-width: 1px 1px medium medium; border-style: solid solid none none; border-color: rgb(153, 153, 153) rgb(153, 153, 153) -moz-use-text-color -moz-use-text-color; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; display: inline-block; transform: rotate(135deg); margin-top: 4px; }
.wrapcon .form li .selectafter::after { right: 5px; }
.sui-select { height: 40px; color: rgb(51, 51, 51); font-size: 14px; background-color: rgb(255, 255, 255); cursor: pointer; position: relative; }
.sui-select::after { position: absolute; right: 20px; top: 10px; content: ""; width: 8px; height: 8px; border-width: 1px 1px medium medium; border-style: solid solid none none; border-color: rgb(153, 153, 153) rgb(153, 153, 153) -moz-use-text-color -moz-use-text-color; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; display: inline-block; transform: rotate(135deg); margin-top: 4px; }
.sui-select label { font-size: 14px; z-index: 2; color: rgb(51, 51, 51); line-height: 40px; height: 40px; display: block; padding: 0px 3px; }
* { padding: 0px; margin: 0px; }
img { border: medium none; }
.section::before { position: absolute; bottom: 0px; left: 0px; content: ""; height: 1px; width: 100%; border-bottom: 1px solid rgb(204, 204, 204); z-index: 999; }
.section_tbl::before { position: absolute; top: -1px; left: 0px; content: ""; height: 1px; width: 100%; border-top: 1px solid rgb(204, 204, 204); z-index: 999; }
.section_tbl .tbl_cell::before { position: absolute; top: 0px; left: -1px; content: ""; height: 100%; width: 1px; border-left: 1px solid rgb(204, 204, 204); z-index: 999; }
.section_tbl .tbl_cell a.bottombor::before { position: absolute; top: -1px; left: 0px; content: ""; height: 1px; width: 100%; border-top: 1px solid rgb(204, 204, 204); z-index: 999; }
.section_tbl .tbl_cell a.half-thalf::before { position: absolute; top: 0px; left: -1px; content: ""; height: 100%; width: 1px; border-left: 1px solid rgb(204, 204, 204); z-index: 999; }
.section_tbl .tbl_cell a.half-thalf:first-child::before { border-left: medium none; }
/* ::::: http://m.51xnb.cn/mall/lib/css/jquery-ui.css ::::: */

.ui-helper-clearfix::before, .ui-helper-clearfix::after { content: ""; display: table; border-collapse: collapse; }
.ui-helper-clearfix::after { clear: both; }
.ui-helper-clearfix { min-height: 0px; }
.ui-front { z-index: 100; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-draggable-handle {  }
.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }
.ui-button { display: inline-block; position: relative; padding: 0px; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; }
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; }
button.ui-button-icon-only { width: 2.4em; }
.ui-button .ui-button-text { display: block; line-height: normal; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 0.4em; text-indent: -1e+7px; }
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0px none; padding: 0px; }
.ui-dialog { overflow: hidden; position: fixed; top: 0px; left: 0px; padding: 0px; outline: 0px none; display: none; }
.ui-dialog .ui-dialog-titlebar { padding: 0.6em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: 16px; font-weight: normal; text-align: center; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0px 0px; padding: 1px; height: 20px; display: none; }
.ui-dialog .ui-dialog-content { position: relative; border: 0px none; padding: 0px; background: transparent none repeat scroll 0% 0%; overflow: auto; }
.ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(51, 51, 51); }
.ui-widget-header { border-bottom: 1px solid rgb(201, 201, 201); border-radius: 0px ! important; color: rgb(61, 61, 61); font-weight: bold; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid rgb(204, 204, 204); background: rgb(246, 246, 246) url('ui-bg_glass_100_f6f6f6_1x400.png') repeat-x scroll 50% 50%; font-weight: bold; color: rgb(28, 148, 196); }
.ui-icon { width: 16px; height: 16px; }
.ui-icon, .ui-widget-content .ui-icon { background-image: url('ui-icons_222222_256x240.png'); }
.ui-widget-header .ui-icon { background-image: url('ui-icons_ffffff_256x240.png'); }
.ui-state-default .ui-icon { background-image: url('ui-icons_ef8c08_256x240.png'); }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; }
.ui-draggable .ui-dialog-titlebar { display: none; }
.sui-select::after { border: 0px none; }
.ui-dialog { z-index: 9999; }
